/* 学习目标：组件通信-父传子  */

import { useState } from 'react';

export default function App() {
  // 0. 声明数据
  const [count, setCount] = useState(99);

  return (
    <div>
      <button onClick={() => setCount(count + 1000)}>++</button>
      App -
      <hr />
      <Child
        // 1. 组件标签上写属性和值
        count={count}
      />
    </div>
  );
}

function Child({ count }) {
  // 2. 通过形参props接收数据即可
  return <h2>我是子组件 - {count}</h2>;
}
